import React, {useState} from 'react';
import Usestateclass from './UseStateClass';

const Userstate = () => {
  // 自己定义的一个普通函数
  const meat = ()=> {
    // setFood类似类组件中的setState，不仅更新数据，也会更新页面
    setFood('meat')
  }
  // 声明一个变量，名字是count，初始值是0
  // 声明一个修改变量的函数，叫setCount
  const [count, setCount] = useState(0);
  const [food, setFood] = useState('rice');
  return (
    <div>
      <p>useState:在函数型组件中使用state</p>
      <button onClick={()=>setCount(count+1)}>{count}</button>
      <button onClick={()=>setFood('hotpot')}>{food}中午吃火锅！</button>
      <button onClick={()=>meat()}>吃肉！</button>
      <hr />
      <Usestateclass></Usestateclass>
    </div>
  );
}

export default Userstate;
